<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!-- <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> -->
    <title>首页</title>
    <meta name="Keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common_index.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="home">

        <div class="head">
            <div class="dom1">
                <a href="">
                    <img src="./images/icon1.png" alt="">
                    <p>内网登录</p>
                </a>
                <a href="">
                    <img src="./images/icon2.png" alt="">
                    <p>邮箱登录</p>
                </a>
                <a href="">
                    <img src="./images/icon3.png" alt="">
                    <p>联系我们</p>
                </a>
                <a href="">
                    <img src="./images/icon4.png" alt="">
                    <p>English</p>
                </a>
                <a href="">
                    <img src="./images/icon5.png" alt="">
                    <p>中国科学院</p>
                </a>
                <div class="search">
                    <input type="text" placeholder="输入关键词">
                    <a href="">
                        <img src="./images/search.png" alt="">
                    </a>
                </div>
            </div>
            <div class="dom2">
                <div class="content">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                    </a>
                    <div class="pic">
                        <img src="./images/t.png" alt="">
                    </div>
                </div>
            </div>
            <div class="dom3">
                <ul>
                    <li>
                        <a href="./index.html" class="a1">首页</a>
                    </li>
                    <li>
                        <a href="./intro.html" class="a1">认识材料所</a>
                        <div class="aList animated fadeInUp">
                            <div class="box">
                                <a href="./intro.html">所况介绍</a>
                                <a href="./szzc.html">所长致辞</a>
                                <a href="./culture.html">宗旨和定位</a>
                                <a href="./leaders.html">现任领导</a>
                                <a href="./lrld.html">历任领导</a>
                                <a href="./vi.html">所徽标识</a>
                                <a href="./history_list.html">大事记</a>
                                <a href="">宣传片</a>
                                <a href="./pdfs.html">出版物</a>
                                <a href="./photos.html">图片库</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="./yjdy.html" class="a1">架构单元</a>
                        <div class="aList animated fadeInUp">
                            <div class="box">
                                <a href="./yjdy.html">研究单元</a>
                                <a href="./glbm.html">管理部门</a>
                                <a href="./cxpt.html">支撑/创新平台</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="./research.html" class="a1">科学研究</a>
                        <div class="aList animated fadeInUp">
                            <div class="box">
                                <a href="./research.html">研究领域与规划</a>
                                <a href="./result.html">科研成果</a>
                                <a href="">科创平台</a>
                                <a href="">学术活动</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="./yszj.html" class="a1">人力资源</a>
                        <div class="aList animated fadeInUp">
                            <div class="box">
                                <a href="./yszj.html">院士专家</a>
                                <a href="./tzgg.html">通知公告</a>
                                <a href="">人才招聘</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="" class="a1">研究生教育</a>
                        <div class="aList"></div>
                    </li>
                    <li>
                        <a href="" class="a1">所地合作</a>
                        <div class="aList"></div>
                    </li>
                    <li>
                        <a href="./index_dq.html" class="a1">党群文化</a>
                        <div class="aList"></div>
                    </li>
                    <li>
                        <a href="https://kepu.nimte.ac.cn/" class="a1">科学普及</a>
                        <div class="aList"></div>
                    </li>
                    <li>
                        <a href="./xxgk.html" class="a1">信息公开</a>
                        <div class="aList animated fadeInUp">
                            <div class="box">
                                <a href="">信息公开规定</a>
                                <a href="">信息公开指南</a>
                                <a href="./xxgk.html">信息公开目录</a>
                                <a href="">依申请公开</a>
                                <a href="">信息公开年度报告</a>
                                <a href="">预决算公开</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="pheader">
                <div class="menu">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.png" alt="">
                    </a>
                    <div class="navbox">
                        <div class="line"></div>
                        <div class="line"></div>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
        </div>



        <div class="menuList">
            <div class="dom1">
                <a href="">
                    <img src="./images/picon1.png" alt="">
                    <p>内网登录</p>
                </a>
                <a href="">
                    <img src="./images/picon2.png" alt="">
                    <p>邮箱登录</p>
                </a>
                <a href="">
                    <img src="./images/picon3.png" alt="">
                    <p>联系我们</p>
                </a>
                <a href="">
                    <img src="./images/picon4.png" alt="">
                    <p>English</p>
                </a>
                <a href="">
                    <img src="./images/picon5.png" alt="">
                    <p>中国科学院</p>
                </a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./intro.html">认识材料所</a>
                    <img src="./images/arrow.png" alt="">
                </div>
                <div class="types_top">
                    <a href="./intro.html">所况介绍</a>
                    <a href="./szzc.html">所长致辞</a>
                    <a href="./culture.html">宗旨和定位</a>
                    <a href="./leaders.html">现任领导</a>
                    <a href="./lrld.html">历任领导</a>
                    <a href="./vi.html">所徽标识</a>
                    <a href="./history_list.html">大事记</a>
                    <a href="">宣传片</a>
                    <a href="./pdfs.html">出版物</a>
                    <a href="./photos.html">图片库</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./yjdy.html">架构单元</a>
                    <img src="./images/arrow.png" alt="">
                </div>
                <div class="types_top">
                    <a href="./yjdy.html">研究单元</a>
                    <a href="./glbm.html">管理部门</a>
                    <a href="./cxpt.html">支撑/创新平台</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./research.html">科学研究</a>
                    <img src="./images/arrow.png" alt="">
                </div>
                <div class="types_top">
                    <a href="./research.html">研究领域与规划</a>
                    <a href="./result.html">科研成果</a>
                    <a href="">科创平台</a>
                    <a href="">学术活动</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./yszj.html">人力资源</a>
                    <img src="./images/arrow.png" alt="">
                </div>
                <div class="types_top">
                    <a href="./yszj.html">院士专家</a>
                    <a href="./tzgg.html">通知公告</a>
                    <a href="">人才招聘</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./xxgk.html">信息公开</a>
                    <img src="./images/arrow.png" alt="">
                </div>
                <div class="types_top">
                    <a href="">信息公开规定</a>
                    <a href="">信息公开指南</a>
                    <a href="./xxgk.html">信息公开目录</a>
                    <a href="">依申请公开</a>
                    <a href="">信息公开年度报告</a>
                    <a href="">预决算公开</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">研究生教育</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">所地合作</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index_dq.html">党群文化</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="https://kepu.nimte.ac.cn/">科学普及</a>
                </div>
            </div>
        </div>


        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/banner.png" class="img" alt="">
                            <div class="text">
                                <p class="pt">宁波材料所第四届学术委员会成立大会暨第一次全体会议召开</p>
                                <p class="time">2024-03-26</p>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/banner.png" class="img" alt="">
                            <div class="text">
                                <p class="pt">宁波材料所第四届学术委员会成立大会暨第一次全体会议召开</p>
                                <p class="time">2024-03-26</p>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="">
                            <img src="./images/banner.png" class="img" alt="">
                            <div class="text">
                                <p class="pt">宁波材料所第四届学术委员会成立大会暨第一次全体会议召开</p>
                                <p class="time">2024-03-26</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="other">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="prev">
                <img src="./images/bprev.png" alt="">
                <img src="./images/jtl-left.svg" alt="">
            </div>
            <div class="next">
                <img src="./images/bprev.png" alt="">
                <img src="./images/jtl-right.svg" alt="">
            </div>
        </div>


        <div class="section1">
            <div class="title">
                <div class="bg">
                    <img src="./images/tag.png" alt="">
                </div>
                <div class="l">
                    <div class="st">
                        <img src="./images/tt.png" alt="">
                        <p>头条新闻</p>
                    </div>
                </div>
                <a href="./news.html">
                    <p>查看更多</p>
                    <img src="./images/more.png" alt="">
                </a>
            </div>
            <a href="./newsInfo.html" class="recommend">
                <div class="pic">
                    <img src="./images/ln.png" alt="">
                </div>
                <div class="info">
                    <p class="pt">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    <div class="des">
                        为加强对《中国科学院宁波材料技术与工程研究所抢占科技制高点所长专项基金管理办法（试行）》（以下简称《所长基金管理办法》）的深入解读，保障项目申报工作的顺利开展，4月12日下午，宁波材料所科技处联合重大任务处、技术转移处、实验室管理处、公共技术中心、人力资源处和质量保密处组织《所长基金管理办法》制度宣贯会。修订后的《所长基金管理办法》...
                    </div>
                    <p class="time">2024-04-15</p>
                </div>
            </a>
            <div class="list">
                <a href="./newsInfo2.html">
                    <div class="l">
                        <div class="icon">
                            <img src="./images/hk.png" alt="">
                        </div>
                        <p data-title="宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    </div>
                    <p class="time">2024-04-23</p>
                </a>
                <a href="./newsInfo2.html">
                    <div class="l">
                        <div class="icon">
                            <img src="./images/hk.png" alt="">
                        </div>
                        <p data-title="宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    </div>
                    <p class="time">2024-04-23</p>
                </a>
                <a href="./newsInfo2.html">
                    <div class="l">
                        <div class="icon">
                            <img src="./images/hk.png" alt="">
                        </div>
                        <p data-title="宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    </div>
                    <p class="time">2024-04-23</p>
                </a>
                <a href="./newsInfo2.html">
                    <div class="l">
                        <div class="icon">
                            <img src="./images/hk.png" alt="">
                        </div>
                        <p data-title="宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    </div>
                    <p class="time">2024-04-23</p>
                </a>
                <a href="./newsInfo2.html">
                    <div class="l">
                        <div class="icon">
                            <img src="./images/hk.png" alt="">
                        </div>
                        <p data-title="宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    </div>
                    <p class="time">2024-04-23</p>
                </a>
                <a href="./newsInfo2.html">
                    <div class="l">
                        <div class="icon">
                            <img src="./images/hk.png" alt="">
                        </div>
                        <p data-title="宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会">宁波材料所组织《抢占科技制高点所长专项基金管理办法》制度宣贯会</p>
                    </div>
                    <p class="time">2024-04-23</p>
                </a>
            </div>
            <div class="pics">
                <a href="">
                    <img src="./images/p1.png" alt="">
                </a>
                <a href="">
                    <img src="./images/p2.jpg" alt="">
                </a>
            </div>
        </div>

        <div class="section2">
            <div class="content">
                <div class="lbox">
                    <div class="title">
                        <div class="l">
                            <div class="item on">
                                <img class="icon" src="./images/kyjz.svg" alt="">
                                <p>科研进展</p>
                                <div class="bg">
                                    <img src="./images/tag.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/xsjl.png" alt="">
                                <p>学术交流</p>
                                <div class="bg">
                                    <img src="./images/tag.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/more.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="list on animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                        <div class="list animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk.png" alt="">
                                    </div>
                                    <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="rbox">
                    <div class="title">
                        <div class="l">
                            <div class="item on">
                                <img class="icon" src="./images/xshd.png" alt="">
                                <p>学术活动</p>
                                <div class="bg">
                                    <img src="./images/tag.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/tzgg.png" alt="">
                                <p>通知公告</p>
                                <div class="bg">
                                    <img src="./images/tag.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/more.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="list on animated fadeIn">
                            <a href="">
                                <p data-title="6月24日宁波材料所第二届层状材料结构编辑及其应用专题研讨会">6月24日宁波材料所第二届层状材料结构编辑及其应用专题研讨会</p>
                            </a>
                            <a href="">
                                <p data-title="5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...">5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...</p>
                            </a>
                            <a href="">
                                <p data-title="5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能">5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能</p>
                            </a>
                            <a href="">
                                <p data-title="5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...">5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...</p>
                            </a>
                            <a href="">
                                <p data-title="5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能">5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能</p>
                            </a>
                        </div>
                        <div class="list animated fadeIn">
                            <a href="">
                                <p data-title="6月24日宁波材料所第二届层状材料结构编辑及其应用专题研讨会">6月24日宁波材料所第二届层状材料结构编辑及其应用专题研讨会</p>
                            </a>
                            <a href="">
                                <p data-title="5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...">5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...</p>
                            </a>
                            <a href="">
                                <p data-title="5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能">5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能</p>
                            </a>
                            <a href="">
                                <p data-title="5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...">5月28日杨满意：机器学习辅助的增强采样动力学模拟探索复杂...</p>
                            </a>
                            <a href="">
                                <p data-title="5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能">5月24日唐炳涛：能量转换相变储能材料的结构设计、合成与性能</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="content">
                <div class="lbox">
                    <div class="title">
                        <div class="l">
                            <div class="item on">
                                <img class="icon" src="./images/xwsd.svg" alt="">
                                <p>新闻速递</p>
                                <div class="bg">
                                    <img src="./images/tag.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/sdhz.svg" alt="">
                                <p>所地合作</p>
                                <div class="bg">
                                    <img src="./images/tag.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/more.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="box on animated fadeIn">
                            <div class="pics">
                                <a href="">
                                    <div class="pic">
                                        <img src="./images/n1.png" alt="">
                                    </div>
                                    <p class="p1">宁波市委常委、组织部部长郑敏强调研宁波材料所</p>
                                    <p class="time">2024-04-08</p>
                                </a>
                                <a href="">
                                    <div class="pic">
                                        <img src="./images/n2.png" alt="">
                                    </div>
                                    <p class="p1">宁波材料所开展2024年新生春季入所教育活动</p>
                                    <p class="time">2024-04-08</p>
                                </a>
                                <a href="">
                                    <div class="pic">
                                        <img src="./images/n3.png" alt="">
                                    </div>
                                    <p class="p1">宁波材料所荣获“2024激光金耀奖”新技术金奖</p>
                                    <p class="time">2024-04-08</p>
                                </a>
                            </div>
                            <div class="list">
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                            </div>
                        </div>
                        <div class="box animated fadeIn">
                            <div class="pics">
                                <a href="">
                                    <div class="pic">
                                        <img src="./images/n1.png" alt="">
                                    </div>
                                    <p class="p1">宁波市委常委、组织部部长郑敏强调研宁波材料所</p>
                                    <p class="time">2024-04-08</p>
                                </a>
                                <a href="">
                                    <div class="pic">
                                        <img src="./images/n2.png" alt="">
                                    </div>
                                    <p class="p1">宁波材料所开展2024年新生春季入所教育活动</p>
                                    <p class="time">2024-04-08</p>
                                </a>
                                <a href="">
                                    <div class="pic">
                                        <img src="./images/n3.png" alt="">
                                    </div>
                                    <p class="p1">宁波材料所荣获“2024激光金耀奖”新技术金奖</p>
                                    <p class="time">2024-04-08</p>
                                </a>
                            </div>
                            <div class="list">
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rbox">
                    <div class="title">
                        <div class="bg">
                            <img src="./images/tag.png" alt="">
                        </div>
                        <div class="l">
                            <div class="st">
                                <img src="./images/media.svg" alt="">
                                <p>媒体视角</p>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/more.png" alt="">
                        </a>
                    </div>
                    <div class="list">
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/hk.png" alt="">
                                </div>
                                <p data-title="【新华日报】积极构建科技创新共同体">【新华日报】积极构建科技创新共同体</p>
                            </div>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/hk.png" alt="">
                                </div>
                                <p data-title="【中国科学报】王立平：努力抢占新材料创新制高点">【中国科学报】王立平：努力抢占新材料创新制高点</p>
                            </div>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/hk.png" alt="">
                                </div>
                                <p data-title="【新华日报】积极构建科技创新共同体">【新华日报】积极构建科技创新共同体</p>
                            </div>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/hk.png" alt="">
                                </div>
                                <p data-title="【央视新闻】发展见“质” 中国向“新”">【央视新闻】发展见“质” 中国向“新”</p>
                            </div>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/hk.png" alt="">
                                </div>
                                <p data-title="【宁波日报】把创新发挥到极致 加快发展新质生产力">【宁波日报】把创新发挥到极致 加快发展新质生产力</p>
                            </div>
                        </a>
                    </div>
                    <div class="title">
                        <div class="bg">
                            <img src="./images/tag.png" alt="">
                        </div>
                        <div class="l">
                            <div class="st">
                                <img src="./images/cylj.png" alt="">
                                <p>常用链接</p>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/more.png" alt="">
                        </a>
                    </div>
                    <div class="links">
                        <a href="" class="hasBg">
                            <div class="icon">
                                <img src="./images/bs.png" alt="">
                            </div>
                            <p>中国科学院</p>
                        </a>
                        <a href="">
                            <div class="icon">
                                <img src="./images/ls.png" alt="">
                            </div>
                            <p>中国科学院上海分院</p>
                        </a>
                        <a href="" class="hasBg">
                            <div class="icon">
                                <img src="./images/bs.png" alt="">
                            </div>
                            <p>中国科学院大学</p>
                        </a>
                        <a href="">
                            <div class="icon">
                                <img src="./images/lxwm.svg" alt="">
                            </div>
                            <p>联系我们</p>
                        </a>
                        <a href="" class="hasBg">
                            <div class="icon">
                                <img src="./images/szyx.svg" alt="">
                            </div>
                            <p>所长邮箱</p>
                        </a>
                        <a href="">
                            <div class="icon">
                                <img src="./images/xmsb.png" alt="">
                            </div>
                            <p>项目申报</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="title">
                <div class="bg">
                    <img src="./images/tag.png" alt="">
                </div>
                <div class="l">
                    <div class="st">
                        <img src="./images/ztlj.png" alt="">
                        <p>专题链接</p>
                    </div>
                </div>
            </div>
            <div class="pics">
                <div class="prev">
                    <img src="./images/prev.png" alt="">
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/z1.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/z2.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/z3.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/z4.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="next">
                    <img src="./images/next.png" alt="">
                </div>
            </div>
        </div>

        <div class="section5">
            <div class="title">
                <div class="bg">
                    <img src="./images/tag.png" alt="">
                </div>
                <div class="l">
                    <div class="st">
                        <img src="./images/gnrk.png" alt="">
                        <p>功能入口</p>
                    </div>
                </div>
                <a href="">
                    仪器预约
                </a>
                <span></span>
                <a href="">测试中心</a>
                <span></span>
                <a href="">人才招聘</a>
                <span></span>
                <a href="">图书馆</a>
                <span></span>
                <a href="">ARP入口</a>
                <span></span>
                <a href="">内网入口</a>
                <span></span>
                <a href="">邮箱登录入口</a>
            </div>
        </div>



        <div class="foot">
            <div class="l">
                <div class="logo">
                    <img src="./images/flogo.png" alt="">
                </div>
                <div class="line"></div>
                <div class="info">
                    <div class="p1">
                        版权所有 ©中国科学院宁波材料技术与工程研究所 <a href="">浙ICP备05023821号</a>
                    </div>
                    <div class="address">地址：浙江省宁波市镇海区中官西路1219号</div>
                    <div class="code"> 邮编：315201</div>
                    <div class="chose">
                        <div class="item">
                            <div class="d1">
                                <p>政府和机构组织</p>
                                <img src="./images/down.png" alt="">
                            </div>
                            <div class="d2">
                                <a href="">政府和机构组织</a>
                                <a href="">政府和机构组织</a>
                                <a href="">政府和机构组织</a>
                                <a href="">政府和机构组织</a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="d1">
                                <p>科研机构和高校</p>
                                <img src="./images/down.png" alt="">
                            </div>
                            <div class="d2">
                                <a href="">科研机构和高校</a>
                                <a href="">科研机构和高校</a>
                                <a href="">科研机构和高校</a>
                                <a href="">科研机构和高校</a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="d1">
                                <p>材料所网站群</p>
                                <img src="./images/down.png" alt="">
                            </div>
                            <div class="d2">
                                <a href="">材料所网站群</a>
                                <a href="">材料所网站群</a>
                                <a href="">材料所网站群</a>
                                <a href="">材料所网站群</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="r">
                <div class="pic">
                    <img src="./images/ficon1.png" alt="">
                </div>
                <div class="pic">
                    <img src="./images/ficon2.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.6.1.min.js" type="text/javascript"></script>
    <script src="./js/common.js"></script>
    <script src="./js/swiper.js"></script>
</body>
<script>
    var banner = new Swiper('.banner .swiper-container', {
        speed: 1000,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.banner .next',
            prevEl: '.banner .prev',
        },
        on: {
            init() {
                $('.banner .other div').eq(this.realIndex).addClass('on')
            },
            slideChange() {
                $('.banner .other div').removeClass('on').eq(this.realIndex).addClass('on')
                if (this.realIndex > 0) {
                    this.params.autoplay.delay = 3000
                }
            }
        }
    })

    var swiper2 = new Swiper('.section4 .swiper-container', {
        speed: 1000,
        slidesPerView: 4,
        spaceBetween: '2%',
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.section4 .next',
            prevEl: '.section4 .prev',
        },
        breakpoints: {
            1200: {  //当屏幕宽度大于等于1280
                slidesPerView: 4,
            }
        }
    })

    $('.banner .other div').click(function () {
        var index = $(this).index()
        banner.slideToLoop(index)
    })

    $('.section2 .lbox .item').mouseenter(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section2 .lbox .allItems .list').eq(index).addClass('on').siblings('.list').removeClass('on')
    })


    // 移动端使用
    $('.section2 .lbox .item').click(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section2 .lbox .allItems .list').eq(index).addClass('on').siblings('.list').removeClass('on')
    })

    $('.section2 .rbox .item').mouseenter(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section2 .rbox .allItems .list').eq(index).addClass('on').siblings('.list').removeClass('on')
    })

    // 移动端使用
    $('.section2 .rbox .item').click(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section2 .rbox .allItems .list').eq(index).addClass('on').siblings('.list').removeClass('on')
    })

    $('.section3 .lbox .item').mouseenter(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section3 .lbox .allItems .box').eq(index).addClass('on').siblings('.box').removeClass('on')
    })

    // 移动端使用
    $('.section3 .lbox .item').click(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section3 .lbox .allItems .box').eq(index).addClass('on').siblings('.box').removeClass('on')
    })


</script>

</html>